import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
import Cover from '@/components/Cover'
import css from './videos.module.scss'
export default class SpaceVideos extends PureComponent {
    static propTypes = {
        list: PropTypes.array
    }

    render() {
        const { list } = this.props
        return (
            <>
               {
                   list.map(item => {
                       return (
                           <Cover 
                                className={css["video-item"]}
                                key={item.bvid}
                                danmaku={item.video_review}
                                duration={item.length}
                                direction="horizontal"                                
                                {...item}
                                author=""
                           />
                       )
                   })
               }
            </>
        )
    }
}
